		<style>
			* {
				margin: 0;
				padding: 0;
			}
			
			body {
				font-family: "微软雅黑";
				font-size: 16px;
				color: #FFFFFF;
				background: url(img/bj.png) no-repeat #47a2ff;
				background-size: 100%;
			}
			
			h1 {
				display: flex;
				justify-content: center;
				align-items: center;
				font-size: 26px;
				height: 50px;
				color: #FFFFFF;
				text-shadow: 2px 2px 0px #022033;
			}
			
			.info {
				display: flex;
				justify-content: center;
				align-items: center;
				color: #00FF00;
			}
			.info-details{
				display: flex;
				flex-direction: column;
				margin-left: 10px;
			}
			.info img {
				width: 60px;
				height: 60px;
				border-radius: 50%;
			}
			
			.rank-tit {
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding-left: 20px;
				padding-right: 40px;
				height: 40px;
				background: #036bd5;
				background: linear-gradient(rgba(3, 107, 213, 0.5), #1288ff, rgba(3, 107, 213, 1));
			}
			
			.rank-tit span:nth-of-type(2) {
				margin-left: -70px;
			}
			
			.rank-list {
				display: flex;
				justify-content: space-between;
				align-items: center;
				height: 60px;
				padding-left: 20px;
				background: #1288ff;
				border-bottom: 1px solid #036299;
			}
			
			.rank-list:last-of-type {
				border-bottom: none;
			}
			
			.rank-list-num {
				flex: 1;
			}
			
			.rank-list-num span {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 28px;
				height: 28px;
				border-radius: 50%;
				font-size: 14px;
				background: radial-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.25));
			}
			
			.rank-list-info {
				display: flex;
				align-items: center;
				flex: 3;
			}
			
			.rank-list-info img {
				width: 40px;
				height: 40px;
				border-radius: 50%;
			}
			
			.rank-list-grade {
				display: flex;
				justify-content: center;
				flex: 2;
			}
		</style>
<div class="all">
		<h1>排行榜</h1>
		<div class="info">
			<img src="{$ownlist[0][headimg]}" />
			<div class="info-details">
				<span>{$ownlist[0][nickname]}</span>
				<span>排名：第{$orderid}名</span>
				<span>{$allconfig["pointname"]}总数:&nbsp{$ownlist[0][point]}</span>
			</div>
		</div>
		<div class="rank-tit">
			<span>排名</span>
			<span>玩家</span>
			<span>获取{$allconfig["pointname"]}</span>
		</div>
		{loop $historylist $index $historyitem}
		<div class="rank-list">
			<div class="rank-list-num">
				<span>{php echo ++$index}</span>
			</div>
			<div class="rank-list-info">
				<img src="{$historyitem['headimg']}"></img>
				<span>{$historyitem['nickname']}</span>
			</div>
			<div class="rank-list-grade">{$historyitem['getallpoint']}</div>
		</div>
				{/loop}
</div>
